// cover some element-ui styles
@import './element-variables.scss';
.el-breadcrumb__inner,
.el-breadcrumb__inner a {
  font-weight: 400 !important;
}

.el-upload {
  input[type="file"] {
    display: none !important;
  }
}

.el-upload__input {
  display: none;
}

.cell {
  .el-tag {
    margin-right: 0px;
  }
}

.small-padding {
  .cell {
    padding-left: 5px;
    padding-right: 5px;
  }
}

.fixed-width {
  .el-button--mini {
    padding: 7px 10px;
    width: 60px;
  }
}
.el-button{
  padding: 0px !important;
}
.status-col {
  .cell {
    padding: 0 10px;
    text-align: center;

    .el-tag {
      margin-right: 0px;
    }
  }
}

// to fixed https://github.com/ElemeFE/element/issues/2461
.el-dialog {
  transform: none;
  left: 0;
  position: relative;
  margin: 0 auto;
}

// refine element ui upload
.upload-container {
  .el-upload {
    width: 100%;

    ::v-deep.el-upload-dragger {
      width: 100px !important;
      margin-left: 12px !important;
      height: 200px;
    }
  }
}

// dropdown
.el-dropdown-menu {
  a {
    display: block
  }
}
.vue-treeselect__placeholder {
    color: rgb(198 202 209) !important;
    font-size: 12.5px !important;
    font-family: Microsoft YaHei !important;
    font-weight: 100 !important;
    letter-spacing: 1px !important;
  }
  .vue-treeselect__control{
    padding-left: 10px !important;
  }
//左侧导航栏图标样式
.el-submenu__title i{
  color: #fff;
  font-weight: 900;
}
// fix date-picker ui bug in filter-item
.el-range-editor.el-input__inner {
  display: inline-flex !important;
}

// to fix el-date-picker css style
.el-range-separator {
  box-sizing: content-box;
}
//修改表头样式
.el-table th{
background-color: $--table-background-color !important;
font-size: $--table-font-size !important;
font-family: $--table-font-family !important;
height: 45px !important;
font-weight: $--table-font-weight !important;
color: $--table-font-color !important;
}
.el-table tr{
font-size: $--table-font-size !important;
font-family: $--table-font-family !important;
font-weight: $--table-content-font-weight !important;
color: $--table-content-font-color !important;
}

.el-table__body tr,
  .el-table__body td {
    padding: 0;
    height: 45px !important;
}
// .el-table th.el-table__cell > .cell{
//   padding-left: 0px !important;
//   border-right: 0.1px solid #B3B2B2;
// }
// .el-table .el-table__cell{
//   text-align: center;
// }
.el-table-column--selection {
  border-right: 1px solid #eeeeee;
  // padding-right: 0px;
}
//表格增加边框
.el-table{
  border: 1px solid rgb(239, 246, 254);
  border-radius: 3px;
}
.el-table__cell{
  padding: 0px !important;
}
  .el-drawer__header{
    padding: 10px 5px 15px 5px;
    margin-bottom: 0px;
  }
  .el-descriptions__header{
    margin-bottom: 10px !important;
}
.el-drawer__container{
  height: 93%;
  top: 66px;
}
.el-icon-delete{
  font-size: 17px !important;
  font-weight: 900 !important;

}
.el-icon-plus{
    font-size: 17px !important;
  font-weight: 900 !important;
}
.el-message-box {
  overflow-y: auto;
}
.el-tabs--card > .el-tabs__header .el-tabs__nav {
  border: 0px;
}
::v-deep .el-tabs--card .el-tabs__header {
  background-color: #e4e7ed;
}
::v-deep.el-tabs--card .el-tabs__header .el-tabs__item {
  border-radius: 10px solid black;
  background-color: #fff;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #053ef6;
  line-height: 48px;
  margin-top: 0;
}
.el-tabs--card  {
   margin-left: 10px;
  border: 0px !important;
}
.el-transfer-panel {
  width: 250px !important;
}
.el-pagination.is-background .el-pager li:not(.disabled).active{
  background-color:#598AF9 ;
}
.el-tree{
  padding: 0px 10px 0px 0px;
  font-size: 13px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #44453D;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      white-space: nowrap !important;
      width: 250px;
}

  .el-tree > .el-tree-node:after {
    border-top: none;
  }
  .el-tree-node {
    position: relative;
    padding-left: 5px;
    padding-top: 4px;
  }
  //节点有间隙，隐藏掉展开按钮就好了,如果觉得空隙没事可以删掉
  .el-tree-node__expand-icon.is-leaf {
    display: none;
  }
  .el-tree-node__children {
    padding-left: 27px;
  }

  .el-tree-node :last-child:before {
    height: 38px;
  }

  .el-tree > .el-tree-node:before {
    border-left: none;
  }

  .el-tree > .el-tree-node:after {
    border-top: none;
  }

  .el-tree-node:before {
    content: "";
    left: -4px;
    position: absolute;
    right: auto;
    border-width: 1px;
  }

  .el-tree-node:after {
    content: "";
    left: -4px;
    position: absolute;
    right: auto;
    border-width: 1px;
  }

  .el-tree-node:before {
    border-left: 1px solid #DDDFDE;
    bottom: 0px;
    height: 100%;
    top: -21px;
    width: 1px;
  }

  .el-tree-node:after {
    border-top: 1px solid #DDDFDE;
    height: 20px;
    top: 16px;
    width: 18px;
  }
  .el-tree .el-tree-node__expand-icon.expanded {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

.el-tree .el-icon svg{   //原有的箭头 去掉
  display: none !important;
  height: 0;
  width: 0;
}
.el-tree-node__expand-icon{ //引入的图标（图片）size大小 => 树节点前的预留空间大小
  font-size:16px;
}
 
//图标是否旋转，如果是箭头类型的，可以设置旋转90度。如果是两张图片，则设为0
.el-tree .el-tree-node__expand-icon.expanded  {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
 
.el-tree .el-tree-node__expand-icon:before { // 未展开的节点
  background: url("../../assets/logo/+.png")no-repeat 0 1px;
  content: '';
  display: block;
  width: 18px;
  height: 18px;
}
 
.el-tree .el-tree-node__expand-icon.expanded:before { //展开的节点
  background: url("../../assets/logo/-.png")  no-repeat 0 0;
  content: '';
  display: block;
  width: 18px;
  height: 18px;
  margin-top:4px;
}
 .el-tree-node__content{
  padding-left: 10px !important;
  line-height: 26px !important;
 }
// .el-tree .is-leaf.el-tree-node__expand-icon::before { //叶子节点（不显示图标）
//   display: block;
//   background: none !important;
//   content: '';
//   width: 18px;
//   height: 18px;
// }
.el-input__inner {
  color: #606266;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
}
.el-textarea__inner {
  color: #606266;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
}
.vue-treeselect__input {
  color: #606266;
  font-size: 14px !important;
  font-family: Microsoft YaHei !important;
  font-weight: 400;
}


//详情页样式
.el-descriptions-item__content{
  color: rgb(54, 52, 52) !important;
}
.el-divider--horizontal{
  margin-top: 0px;
  margin-bottom: 20px;
}